<!DOCTYPE html>
<html lang='en'>
    <head>
        <meta charset="UTF-8">
        <title>Vue 实例</title>
        
        <script src='./vue.js'></script>
        
    </head>
    <body>
        <div id="app">
        
       {{message}}
        
        </div>
        <script >

            //Vue 提供新建全局组件的方法，接收一个组件名称和组件属性类
           // Vue.component("TodoItem",{

                //接收父类通过 v-bind 传过来的参数
               // props:['content'],
                //template:"<li>{{content}}</li>"
            //})



            



            var app= new Vue({
                el: '#app',
                data:{
                    message:"hello world"
                },
                methods:{
                    addTodoList:function(){
                        this.list.push(this.inputValue);
                        this.inputValue=''
                    
                    },
                   
                },


            
            })
        </script>
    </body>
</html>
